<template>
  <div class="add">
    <div class="informationn">
    <router-link to="/family" class="return"><i class="iconfont icon-icon_on_the_left"></i> 返回</router-link>
    <p class="my-information">家人和朋友</p>
    <router-link to="/add" class="tianjia">添加</router-link>
  </div>
  <div class="health">
        <div class="health-left">
             <img src="../../../../assets/img/my.jpg" alt="">
             <p tag="div" class="health-name">爸爸</p>
        </div>
        <div class="health-right">
          <router-link tag="div" to="/namebasis" class="health-xinxi">平和质 <span> <i class="iconfont icon-ziyuanldpi"></i> </span>
          </router-link>
        </div>
      </div>
      <div class="health">
            <div class="health-left">
                 <img src="../../../../assets/img/my.jpg" alt="">
                 <p class="health-name">妈妈</p>
            </div>
            <div class="health-right">
              <router-link tag="div" to="/family_add" class="health-xinxi">尚未测试 <span> <i class="iconfont icon-ziyuanldpi"></i> </span>
              </router-link>
            </div>
          </div>
  </div>
</template>
<script>
import './family_add'
export default {
  name: "Add",
  data(){
    return{

    }
  }
}
</script>
<style lang="css" scoped>
.informationn{
  width: 100%;
  height: 0.9rem;
  background: #13bf92;
  padding-top: 0.4rem;
  margin: 0 0 0.45rem 0;
}
.return{
  line-height: 0.8rem;
  margin-left: 0.2rem;
  color:#fff;
  float: left;
}
.my-information{
  float: left;
  color:#fff;
  font-size: 0.36rem;
  line-height: 0.8rem;
  margin-left: 2rem;
}
.tianjia{
  float: left;
  color:#fff;
  line-height: 0.8rem;
    margin-left: 1.9rem;
}
.health{
  width: 100%;
  height: 1.35rem;
  margin: 0 0 0.03rem 0;
  background: #fff;
}

.health-left{
  width: 2.4rem;
  height: 1.2rem;
  padding-top: 0.075rem;
  padding-left: 0.075rem;
  float: left;
}
.health-left img{
  width: 1.5rem;
  height: 1.2rem;
}
.health-name{
  float: right;
  line-height: 1.2rem;
}
.health-right{
    width: 4.5rem;
    height: 1.35rem;
    float: left;
}
.health-xinxi{
  float: right;
  line-height: 1.35rem;
}
i{
  font-size: 0.20rem;
}
</style>
